Hệ thống quản lý phương tiện trong PHP
1 body {
2 background: #34495e;
3 color: #ecf0f1;
4 margin: 0;
5 padding: 0;
6 }
7
8 .banner {
9 display: block;
10 min-height: 200px;
11 width: 100%;
12 position: relative;
13 }
14 .typed_wrap {
15 display: block;
16 border: 4px solid #ecf0f1;
17 width: 290px;
18 height: auto;
19 padding: 30px;
20
21 /*centers it in the .banner*/
22 position: absolute;
23 top: 50%;
24 left: 50%;
25 -webkit-transform: translate(-50%,-50%);
26 -moz-transform: translate(-50%,-50%);
27 -ms-transform: translate(-50%,-50%);
28 -o-transform: translate(-50%,-50%);
29 transform: translate(-50%,-50%);
30 }
31
32 .typed_wrap h1 {
33 display: inline;
34 }
35
36 /*Add custom cursor so it auto inherits font styles*/
37 .typed::after {
38 content: '|';
39 display: inline;
40 -webkit-animation: blink 0.7s infinite;
41 -moz-animation: blink 0.7s infinite;
42 animation: blink 0.7s infinite;
43 }
44
45 /*Removes cursor that comes with typed.js*/
46 .typed-cursor{
47 opacity: 0;
48 display: none;
49 }
50 /*Custom cursor animation*/
51 @keyframes blink{
52 0% { opacity:1; }
53 50% { opacity:0; }
54 100% { opacity:1; }
55 }
56 @-webkit-keyframes blink{
57 0% { opacity:1; }
58 50% { opacity:0; }
59 100% { opacity:1; }
60 }
61 @-moz-keyframes blink{
62 0% { opacity:1; }
63 50% { opacity:0; }
64 100% { opacity:1; }
65 }
66
67 .btns {
68 display: block;
69 width: 400px;
70 margin: 0;
71 padding: 30px 0 0 30px;
72 }
73 .btns a {
74 display: inline-block;
75 margin-left: 5px;
76 }
77 .btns a:first-child{margin-left:0}
78 .btn {
79 font-family: sans-serif;
80 font-size: 14px;
81 font-weight: 600;
82 color: #ecf0f1;
83 text-decoration: none;
84 }
85 a .btn {
86 cursor: pointer;
87 border: 1.5px solid #ecf0f1;
88 border-radius: 5px;
89 display: inline-block;
90 padding: 10px;
91 list-style-type: none;
92 transition: all .3s;
93 }
94
95 .btn:hover {
96 background: #ecf0f1;
97 color: #34495e;
98 }